/*
   *
   * 多行注释
    */
//<!--js的注释-->
//  <!--   $(function () {页面加载完成执行里面的代码  -->
$(function () {

    // $("#jiantind").click(
    //     function () {
    //         console.log(11)
    //     }
    // );
    //layui.use('form', function () {layui必须加载的代码'form'叫做form表单
    //一般来说表单是指输入表单，接受数据的容器
    //function ()  这里拿到form表单需要做什么事情？事件，方法
    layui.use('form', function () {
        // 重新赋值，将layui.form;赋值给form，更简单
        var form = layui.form;
        //layui的弹出框
        // layer.msg('有表情地提示', {icon: 6});
        // layer.msg('玩命卖萌中', function(){
        //   //关闭后的操作
        //   });
        //1.查看html标签属性以及属性的作用
        // id  class  name 选择器
        // alt src 如果图片未加载出来，显示alt里面的字符
        //title  鼠标移上去显示里面的内容
        //
        // required required 属性规定必需在提交之前填写输入字段
        // lay-verify  有背景颜色的属性，表示自定义属性
        //自定义验证规则
        form.verify({
            username: [/^[a-zA-Z0-9_-]{6,16}$/, "用户名为6到16位的不含特殊字符"]
            //正则表达式
            // pass: [ /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*? ]).*$/, '密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符']
        });
        //监听提交
        form.on('submit(login)', function (data) {
            // console.log(data.field);
            //发异步，把数据提交给Java
            //Ajax访问的永远是后台的servlet层 页面控制层
            let item = data.field;
            $.ajax({
                type: "post",//对应的是
                url: "/login",//@WebServlet("/login")
                data: item,
                dataType: "json",//后台传递给前端的数据格式---json
                success: function (data) {//data是后台传递给前端的值
                    // console.log(data);
                    // console.log(data.code == 0);
                    //sessionStorage js 默认存储数据的地方
                    // localStorage
                    sessionStorage.setItem("username", item.username);
                    localStorage.setItem("username", item.username);
                    // request  session   application  page  .setAttribute("key",value);
                    if (data.code == 0) {
                        location.href = '/html/index.html';
                    }
                }
            });
            //ajax {1.原生 string  2.jQuery json}
            // alert(888)
            // layer.msg(JSON.stringify(data.field), function () {
            // location.href = 'index.html'
            // });
            return false;
        });
    });
})
// let name="fasdkfaskd\nfDhalksdhfaj\nfadskl\tfhakjds\rfasd";
// let reg=/d/igm;
//js是什麽？
// 数据类型？
// 字符串值，数值，布尔值，数组，对象
// 怎么定义变量？
// 定义变量的关键字？
// let phone = ' aaaaa ';//js是弱类型语言
// phone.trim();
// $.trim(phone);
// 999 9999 9999 9999
// 1 0000 0000 0000 0000
// phone = 123123;
// phone = true;
// phone = ["a","b",2,{},[11]];//array
// phone = {"aa": "bb"};
// console.log(phone);
// console.log(phone.aa);
// var  全局变量
// let  局部变量
// const  常量
// let age=6;//是旧的，已经被let 和const替换了
// let name = "aaa";
// let phone = "1231";
// for (let i=0;i<7;i++){
//     var agea=6;//是旧的，已经被let 和const替换了
//     let namea="aaa";
//     const phonea="1231";
// }
// console.log();
// 语法结构;？
// 正则表达式
// slice(start, end)//从start开始，到end结束，可以接受负值
// substring(start, end)//从start开始，到end结束，不接受负值
// substr(start, length)//从start开始往后数length个
// let a=0.2+0.71;
// console.log(a);
// 0. 6000 0000 0000 0001
// var fruits = ["Banana", "Apple", "APple", "Mango"];
// // console.log(fruits.sort());
// console.log(fruits.toLocaleString());
// console.log(fruits.toString());
// console.log(fruits.join("+"));
// $("#form").find("input").forEach(function () {
//     this.val();
// });
// let date = new Date();
//
// console.log(date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日");

// function method() {
//     if(a>b){
//         // a:
//         // b:
//         for (let i=0;i<5;i++){
//             if(i==3){
//
//                 // continue a; 跳出当前循环执行下一个循环
//                 // break b; 跳出当前循环
//                 // return; 跳出当前方法
//             }
//             a=6;
//         }
//     }
// }
// 一般情况下js的构造方法和普通方法去别？构造方法方法名大写，普通方法方法名小写
// function Persion() {
//
// }
// function persion() {
//
// }
// RegExp